
<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
  <div>
      <div class="container">
          <el-form :model="form" class="select-submit-form">
            <el-row type="flex">
              <el-col :span="8">
                <el-form-item label="大病赔案号">
                  <el-input  placeholder="请输入赔案号" v-model="form.caseNo" ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8" >
                <el-form-item label="社/医保号">
                  <el-input v-model="form.socialSecurityNo" ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="被保险人">
                  <el-input  placeholder="请输入被保险人" v-model="form.insuredName" ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row type="flex">
              <el-col :span="8">
                <el-form-item label="证件号">
                  <el-input  placeholder="请输入证件号" v-model="form.documentNo" ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="任务状态">
                  <el-select  placeholder="请选择" v-model="form.taskState" >
                    <el-option value="" label="请选择"></el-option>
                    <el-option
                      v-for="item in taskState"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                      :disabled="item.disabled">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                  <div class="select-btn-group">
                    <el-button type="primary" size="medium"  @click="onSubmitCaseCancelAudit">查询</el-button>
                    <el-button type="primary" size="medium" @click="handleReset">重置</el-button>
                  </div>
                </el-col>
            </el-row>
          </el-form>
          <el-table
              :data="tableData"
              class="table"
              ref="myTable"
              header-cell-class-name="table-header"
              style="margin: 30px 0;border: 1px solid #d6d9d8;"
              v-loading="loading"
              element-loading-text="Loading....."
          >
            <el-table-column prop="caseNo" label="大病赔案号"  align="center">
              <template slot-scope="scope" >
                <a @click="applicant(scope.row)" style="color: #1e99f9;cursor: pointer">{{ scope.row.caseNo }}</a>
              </template>
            </el-table-column>
            <el-table-column prop="policyNo" label="保单号"  align="center"></el-table-column>
            <el-table-column prop="socialSecurityNo" label="社/医保号"  align="center"></el-table-column>
            <el-table-column prop="insuredName" label="被保险人"  align="center"></el-table-column>
            <el-table-column prop="documentNo" label="证件号" align="center"></el-table-column>
            <el-table-column prop="flowInTime" label="流入时间"  align="center"></el-table-column>
            <el-table-column :formatter="taskStateFormat" prop="taskState" label="任务状态"  align="center"></el-table-column>
          </el-table>
        <div class="pagination" v-if="this.tableData.length!==0">
          <div class="index_page">
            <el-pagination :current-page="pagination.currentPage" :page-size="pagination.rowsNumber"
                           :page-sizes="[10, 20, 50, 100]"
                           :total="pagination.totalPage" background layout="prev, pager, next,sizes,total,jumper"
                           @size-change="handleSizeChange" @current-change="queryFun">
            </el-pagination>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
  import * as api from '@/api/baseDate'
  export default {
      name: 'caseCancelAudit',
      data() {
          return {
            loading: false,
            taskState:[
              {
                value: '01',
                label: '待处理',
                disabled: false
              },{
                value: '03',
                label: '已处理',
                disabled: false
              }
            ],
            pagination: {
              currentPage: 1, // 当前页
              rowsNumber: 10, // 每页条数
              totalPage: 0 // 总条数
            },
            auditOpinion:'',
            remark:'',
            evaluate:'',
            tableData: [ ],
            item:0,
            form: {},
            taskDispose: {} ,
          };
      },
      created() {
        this.onSubmitCaseCancelAudit();
      },
      methods: {
        taskStateFormat(row,column){
          let taskState=row.taskState
            if(taskState==='01'){
              return '待处理'
            }else if(taskState==='03'){
              return '已处理'
            }
        },
        onSubmitCaseCancelAudit(){
          var data={
            "taskState":this.form.taskState,
            "socialSecurityNo":this.form.socialSecurityNo,
            "documentNo":this.form.documentNo,
            "insuredName":this.form.insuredName,
            "caseNo":this.form.caseNo,
            "pageNum":this.pagination.currentPage,
            "pageSize":this.pagination.rowsNumber,
            "taskType":"cancel_audit",
          }
          this.loading = true;
          api.getQueryCancelAudit(data
          ).then(res => {
            this.loading = false;
            if(res){
                if(res.data.resultCode !== '0000'){
                    this.$message.error(res.data.resultMsg);
                }else{
                    this.tableData=res.data.list;
                    this.pagination.totalPage= res.data.total;
                }
            }else{
                this.$message.error('系统异常');
            }
          })
        },
        handleReset(){

        },
        handleSizeChange(pageSize){ // 改变当前页条数事件
          this.pagination.rowsNumber=pageSize
          this.onSubmitCaseCancelAudit();
          /* let pageIndex = this.pagination.currentPage;
           this.querySettleAuditTaskList(pageIndex,pageSize);*/
        },
        queryFun(pageNum){ // 改变当前页事件
          this.pagination.currentPage=pageNum
          this.onSubmitCaseCancelAudit();
          /* let rowsNumber = this.pagination.rowsNumber;
           this.querySettleAuditTaskList(pageNum,rowsNumber);*/
        },
        applicant(row){
          this.taskDispose=row;
            if(this.taskDispose.taskState==="03"||this.taskDispose.taskState==="已处理"){
              this.item=1;
            }
            this.$router.push({
              name: 'caseCancelAuditDetail',
              query: {
                taskDispose: JSON.stringify(this.taskDispose),
                item: JSON.stringify(this.item),
              }
            })
        },
        // 跳转明细页面
        toDetail(){
            this.$router.push('/caseProcessDetail')
        }
      }
  };
</script>